
.mainbody{
     min-height: 700px;
     width: 100%;
     margin:0px auto;
     color: #888;
     font-family:"微软雅黑";
     letter-spacing: 1px;
     background: url(../images/content_bg.jpg);
     background-size: 100% 100%;
     background-repeat: no-repeat;
}
.clearfix{
	clear: both;
}
.mainbody_left{
	 width: 20%;
	 min-height:250px;
     border: 1px solid #BFE8E5;
     border-radius:5px;
     margin-left: 5%;
     margin-top:100px;
     float: left;
     display: none;
}
.mainbody_right{
	 width: 60%;
	 min-height:500px;
	 float: right;
	 display: none;
	 border-radius:10px 10px 0 0;
	 margin-top: 30px;
	 margin-right: 10%;
	 margin-top: 75px;
}
.mainbody_left_header{
	height: 50px;
	width: 100%;
	background: #8ECEC9;
	padding-left: 20%;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	font-family: "Microsoft Yahei";
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.mainbody_left li{
	 height:40px;
	 width: 100%;
	 border-bottom: 1px dashed #aaa;
	 margin-top:2px;
	 white-space: nowrap;
	 overflow: hidden;
	 text-overflow:ellipsis;
	 padding-left:10%;
	padding-right: 10%;
}
.mainbody_left a{
	display: inline-block;
	height: 40px;
	color: #888;
	font-size: 15px;
	line-height: 50px;
	padding-left:15px;
}
.right_header{
	height: 50px;
	width: 100%;
	border-bottom: 1px solid #aaa;
	line-height: 50px;
	padding-left: 5px;
	border-radius:10px 10px 0 0;
	padding-left:10px;
}
.content{
	min-height:350px;
	width: 100%;
}
.about_content{
	color: #222;
	min-height: 350px;
	width: 100%;
	margin-top: 30px;
	margin-left: 20px;
}
.narrow{
	height: 20px;
	width: 20px;
}
.page{
   height: 100px;
   width: 100%;
   text-align: center;
}
.firstpage{
	display: inline-block;
	width:60px;
	height: 30px;
	border-radius: 2px;
	background:#81d8d0;
	margin-left:3px;
	color: #fff;
	text-align: center;
	line-height: 30px;
    cursor: pointer;
}
.toOtherPage{
	display: inline-block;
	width:45px;
	height: 30px;
	border-radius: 2px;
	background:#81d8d0;
	margin-left:3px;
	color: #fff;
	text-align: center;
	line-height: 30px;
    cursor: pointer;
}
.apage{
	display: inline-block;
	width:30px;
	height: 30px;
	border-radius: 2px;
	background:#81d8d0;
	margin-left:2px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}
.allspan{  
	width: 450px;
	margin: 0 auto;
	line-height: 100px;

}
.firstpage:hover,.apage:hover,.toOtherPage:hover{
	background:#0D5852;
}
.content table{
	margin-top: 30px;
	width: 100%;
	table-layout: fixed;

}
.mainbody td,.mainbody td a{
	color:#666;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	height: 25px;
}
.mainbody a:hover{
	border-bottom: 1px dashed #81d8d0;
	color: #81d8d0;
}
.blank{
	width: 10%;
	height: 20px;
	font-weight: 600;
	font-size: 15px;
}
.title{
	width:60%;
	height: 20px;
	font-weight: 600;
	font-size: 15px;
}
.date{
	width: 20%;
	height: 20px;
	font-weight: 600;
	font-size: 15px;
}
.source{
	width: 10%;
	height: 20px;
	font-weight: 600;
	font-size: 15px;
}
.about_content p{
	padding-left:30px;
	margin-top:7px;
	margin-bottom:7px;
}
 .hiddenpage{
 	width: 100%;
 	height: 650px;
 	position: fixed;
 	left: 0px;
 	top: 0px;
 	background: #222;
 	z-index: -100;
 	opacity: 0.6;
 }